import router from './router'
import store from './store'
import { Message } from 'element-ui'
import NProgress from 'nprogress' // progress bar
import 'nprogress/nprogress.css' // progress bar style
import { getToken } from '@/utils/auth' // get token from cookie
import getPageTitle from '@/utils/get-page-title'

NProgress.configure({ showSpinner: false }) // NProgress Configuration

/**
 * 白名单配置
 * @type {string[]} 配置在白名单中的路由可以直接访问，不会被重定向到登录页
 */
const whiteList = ['/login'] // no redirect whitelist

// TODO 登录拦截器 ==== 路由守卫
router.beforeEach(async(to, from, next) => {
  // start progress bar
  NProgress.start()

  // set page title
  document.title = getPageTitle(to.meta.title)

  // TODO 从cookie获取当前登录的TOken
  const hasToken = getToken()

  // TODO 出现响应慢 request响应慢 注释掉下面的代码
  //下面代码注释并且后面加上next() 可以对拦截器放行
  /*如果头Token*/
  if (hasToken) {
    //如果当前有token,并且要去的页面是登录页面，将其转发到系统首页
    if (to.path === '/login') {
      // if is logged in, redirect to the home page
      next({ path: '/' })
      NProgress.done()
    } else {
      //如果去的不是登录页面

      //从vUeX中获取登录用户的用户名
      const hasGetUserInfo = store.getters.name
      //判断是否已经有获取用户信息
      if (hasGetUserInfo) {
        //如果已经获取过用户信息,就放行
        next()
      } else {
        // 如果没有获取过用户信息
        try {
          //同步等待vuex中获取用户信息
          //调用user模块中的action.getInfo
          //src/store/modules/user.js
          await store.dispatch('user/getInfo')
          // 获取到以后,才放行
          next()
        } catch (error) {
          // 如果获取用户信息出错,就直接跳回到登录页面,并重置Token信息
          await store.dispatch('user/resetToken')
          Message.error(error || 'Has Error')
          next(`/login?redirect=${to.path}`)
          NProgress.done()
        }
      }
    }
  } else {
    /* 没有Token*/
    //如果你要访问的目标路径在百名单中，就直接放行
    if (whiteList.indexOf(to.path) !== -1) {
      // 如果在白名单中，就不会被重定向到登录页，并且直接放行
      next()
    }
    else {
      // 不在白名单中，并且没有登录，就直接跳转回登录页面
      // 在/login路径后面追加了一个redirect参数，并将当前要访问的路径追加在里面
      // 作用是进入登录页后，如果登录成功，会自动跳转到redirect所在的路径
      next(`/login?redirect=${to.path}`)
      NProgress.done()
    }
  }
  // next() 放行
})

router.afterEach(() => {
  // finish progress bar
  NProgress.done()
})
